import React, { Component } from 'react';
import { withRouter } from 'react-router-dom'
import { AllBox } from '../style'
import Slide from './Slide';
import List from './List';
import Recommend from './Recommend';


@withRouter
class Search extends Component {
  render() {
    return (
      <AllBox>
        <div className="top">
          <div className="SearchBox" onClick={() => {
            this.props.history.push('/search')
          }}>
            <span>搜索</span>
          </div>
          <Slide />
          <List />
          <Recommend />

        </div>
      </AllBox>
    );
  }
}

export default Search;
